<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--方式一:内部方式，内嵌方式，将style标签嵌套在head头部，对当前页面所有符合选择器的标签生效-->
    <style  type="text/css">

        /*基本语法*/
        div{
            color:red;
            font-size:40px;
        }
        p{
            background:yellow;
        }
    </style>

    <!--
        方式三：外部引入方式，
            使用link标签（推荐）
            使用@import的方式
    -->

    <link rel="stylesheet" href="./css/01.css">

 <!--   <style>
        @import "./css/01.css";
    </style>-->
</head>
<body>
    <div>div</div>
    <div>div</div>
    <p>p</p>
    <h1>h1</h1>
    <!--
        方式二:行内样式，只对当前设置改样式的标签生效
    -->
    <h1 style="color:blue;">h1</h1>
    <h1>h1</h1>
    <h2>h2</h2>
    <h3>h3</h3>
    <h3>h3</h3>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h5>h5</h5>
    <h5>h5</h5>
</body>
</html>